<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="#" method="post">
        <table cellspacing="0" cellpadding="10px" align="center">
            <tr>
                <td colspan="4" align="center"><h1>会员登录</h1></td>
            </tr>
            <tr>
                <td> 登录账号
                  
                </td>
                <td>
                    <!-- 
                        输入框 
                        1.type="text"    普通文本框 
                        2.placeholder="" 提示文本
                        3.name=""        当表单收集数据，必提供name属性
                    -->
                    <input type="text" class="username" placeholder="邮箱/id/手机号" name="username" />
                </td>
            
            </tr>
            <tr>
                <td>
                    密码
                </td>
                <td>
                     <!-- 
                        密码框 
                        1.type="password"  密码框
                        2.placeholder=""   提示文本
                        3.name=""          当表单收集数据，必提供name属性
                    -->
                    <input type="password" class="password" placeholder="密码" name="password" />
                </td>
            </tr>
          
            <tr>
                <td colspan=" 4" align="center">
                <img src="./img/login.png"/><a href="http://www.baidu.com" target="_blank">忘记密码？</a>
                </td>
                
            </tr>
            <tr>
               <td>其他账号登陆</td>
               <th><img src="./img/ico1.png">QQ登录<img src="./img/ico2.png">新浪微博<img src="./img/ico3.png">百度登录</th>
            </tr>
            <tr>
                <th colspan = "4" align="center">
                <a href="http://www.baidu.com" target="_blank">还不是会员？立即注册</a>
                </th>
            </tr>
        </table>
    </form>
</body>
</html>